<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="email=no" name="format-detection" />
    <title>皇室麦家</title>
    <link rel="stylesheet" href="__CSS__/public.css">
    <link rel="stylesheet" href="__CSS__/index.css">
</head>
<body>
    <div class="contain">
        <img src="__IMG__/logo.png" />
        <!--红包-->
        <div class="bagbox">
            <img class="bag" src="__IMG__/bag.jpg" />
            <img class="open" id="open" src="__IMG__/open.png" />
        </div>
        <!--活动说明-->
        <div class="rule">
            <div class="ruleRow">
                <p class="ruleTitle">1.活动时间</p>
                <p>12月1日至9月30日（预计投放时间截至3月底）</p>
            </div>
            <div class="ruleRow">
                <p class="ruleTitle">2.活动产品</p>
                <p>406早餐奶、480燕麦片、538木糖醇系列、600新金典</p>
            </div>
            <div class="ruleRow">
                <p class="ruleTitle">3.红包发放</p>
                <p>抽到红包直接发送至账户余额中;</p>
            </div>
            <div class="ruleRow">
                <p class="ruleTitle">4.积分发放</p>
                <p>抽到积分发放到会员个人中心，可通过商城积分兑换区进行使用;</p>
            </div>
        </div>
        <!--登录页面-->
<!--        <div class="loginBox">
            <div class="graybg"></div>
            登录
            <div class="login stepbox">
                <img class="close" src="__IMG__/close.png" />
                <img class="loginimg" src="__IMG__/login.png" />
                <p>登录</p>
                <input type="text" placeholder="请输入你的手机号" id="phone">
                <a class="loginBtn btn" href="#" >下一步</a>
            </div>
            输入验证码
            <div class="validate stepbox">
                <img class="close" src="__IMG__/close.png" />
                <p class="headTitle">
                    <span class="returnBack"></span>
                    <span class="code">请输入验证码</span>
                </p>
                <p class="phone">
                    <span class="enterphone"></span>
                    <span class="sendCode">发送验证码</span>
                    <input type="text" placeholder="请输入验证码" id="code">
                    <a class="validateBtn btn" href="#">下一步</a>
                </p>
            </div>
        </div>-->
        <!--进度条-->
        <div class="loading">

            <div class="graybg"></div>
            <img src="__IMG__/loading.gif" />
        </div>
        <!--提示框-->
        <div class="tipBox">
            请输入手机号
        </div>
        <!--卡片失效-->
        <div class="expireBox" >
            <div class="graybg"></div>
            <div class="expire">
                <img class="close" src="__IMG__/close.png" />
                <img class="ex" src="__IMG__/ex.png" />
                <p>此卡片已失效</p>

                <a class="btn" href="#">知道了</a>
            </div>
        </div>
        <!--抽奖结果-->
        <div class="bagBox alertBox">
            <div class="graybg"></div>
            <div class="bagAll">
                <img class="bagback" src="__IMG__/bagback.png" />
                <div class="result">
                    <!--抽到红包-->
<!--                    <div class="resultTxt bagTxt" >
                        <p class="title">恭喜您抽到<span>现金红包</span></p>
                        <p class="score">1.32<span>元</span></p>
                        <p class="sign">已存入零钱，可直接转账</p>
                    </div>-->
                    <!--抽到积分-->
                    <div class="resultTxt scoreTxt">
                        <p class="title">恭喜您抽到<span>积分</span></p>
                        <p class="score">100<span>积分</span></p>
                    </div>
                    <img class="paper" src="__IMG__/paper.png" />
                </div>
                <img class="bagfont" src="__IMG__/bagfont.png" />

                <a class="goto" href="record.html">查看中奖记录</a>
                <a class="shopBtn" href="http://huangmai.ozkoalas.cn">
                    <img src="__IMG__/btn.png" />
                </a>
            </div>
        </div>

    </div>


<script type="text/javascript" src="__JS__/jquery-2.1.3.min.js"></script>
<script src="__PUBLIC__/layer/layer.js"></script>
<script src="__JS__/public.js"></script>
<script>
    window.onload = function () {
        commond.init();
    };
    var commond = {
        enterPhone:"",
        time:60,
        isSend:0,
        init: function () {
            this.openBag();
            this.bagBox();
            this.expireBox();
             
        },
        openBag:function(){
            $("#open").click(function(){
                $(".loading").show();
                setTimeout(function(){
                    $.ajax({
                        url: "{:U('Activity/ajax_probability')}",
                        type: 'post',
                        dataType: 'json',
                       
                        success: function (data) {
                            if(data.status==1){
                                $(".loading").hide();
                                $(".alertBox").show();
                                $("body").css({
                                    "overflow":"hidden"
                                })
                                $(".result").addClass("openbagAnaimate");
                                $('.score').html(data.result);
                                $('.goto').attr('href',"{:U('/Home/Activity/record/user_id/"+data.user_id+"')}");
                            }else{
                                layer.msg(data.info,{icon:2,time:1500});
                                return false;
                            }
                        }
                    });
                },1000);
                
            })
            
             
////            显示登录
//            $("#open").click(function(){
//                $(".loginBox").show();
//                $(".login").show();
//            });
////            登录
//            $(".loginBtn").click(function(){
//                var phone = $("#phone").val();
//                if(public.checkPhone(phone)){
//                    
//
//                    $(".login").hide();
//                    $(".validate").show();
//                    commond.enterPhone = phone;
//                    $(".enterphone").text(commond.enterPhone);
//                            
//                }else{
//                    public.tipBox("手机格式不正确");
//                }
//            });
//
//            $(".returnBack").click(function () {
//                $(".login").show();
//                $(".validate").hide();
//            })
//            $(".loginBox .graybg").click(function(){
//                commond.hideLoginBox();
//            });
//            $(".stepbox .close").click(function () {
//                commond.hideLoginBox();
//            })
////          输入验证
//            $(".validateBtn").click(function () {
//                var code = $("#code").val();
//                if(code == " " || code == ""){
//                    public.tipBox("验证码不能为空");
//
//                }else{
////                    打开红包
//                    commond.hideLoginBox()
//                    $(".loading").show();
//                    setTimeout(function(){
//                        $.ajax({
//                            url: "{:U('Activity/ajax_probability')}",
//                            type: 'post',
//                            dataType: 'json',
//                            data: {'code':code},
//                            success: function (data) {
//                                if(data.status==1){
//                                    $(".loading").hide();
//                                    $(".bagBox").show();
//                                    $(".result").addClass("openbagAnaimate");
//                                    $('.score').html(data.result);
//                                    $('.goto').attr('href',"{:U('/Home/Activity/record/user_id/"+data.user_id+"')}");
//                                }else{
//                                    layer.msg(data.info,{icon:2,time:1500});
//                                    return false;
//                                }
//                            }
//                        });
//                    },1000);
//                }
//            });
////          发送验证码
//            $(".sendCode").click(function(){
//                var phone = $("#phone").val();
//                if(commond.isSend == 0){
//                    $(".sendCode").text(commond.time+"s后发送");
//                    commond.isSend=1;
//                   var tt =  setInterval(function(){
//                       commond.time--;
//                       $(".sendCode").text(commond.time+"s后发送");
//                        if(commond.time == 0){
//                            commond.time =60;
//                            commond.isSend = 0;
//                            $(".sendCode").text("发送验证码");
//                            clearInterval(tt);
//                        }
//                       
//                    },1000)
//                     $.ajax({
//                                url: "{:U('Activity/sms_verification')}",
//                                type: 'post',
//                                dataType: 'json',
//                                data: {'phone':phone},
//                                success: function (data) {
//                                    if(data.status==1){
//                                       
//                                    }else{
//                                        layer.msg(data.info,{icon:1,time:1500});
//                                    }
//
//                                }
//                       });
//                }else{
//                    public.tipBox("验证码已经发送");
//                }
//            })
        },
        hideLoginBox:function(){
            $(".loginBox").hide();
            $(".validate").hide();
            $(".login").hide();
        },
        bagBox:function(){
            $(".alertBox .graybg").click(function () {
                $(".alertBox").hide();
                $("body").css({
                    "overflow":"scorll"
                })
            })
        },
//        卡片失效
        expireBox:function(){
            $(".expireBox .graybg").click(function () {
                  $(".expireBox").hide();
                  $("body").css({
                    "overflow":"scorll"
                  })
            })
            $(".expire .btn").click(function () {
                $(".expireBox").hide();
                $("body").css({
                    "overflow":"scorll"
                })
            })
            $(".expire .close").click(function () {
                $(".expireBox").hide();
                $("body").css({
                    "overflow":"scorll"
                })
            })

        },


    }
</script>


</body>

</html>